<#list root as event>
<div class="event-wrapper<#if event_index &gt; 19> event-more</#if> ${event.source.name?lower_case?replace(" ","")} clearfix">  
    <div class="event-date">
        <#if event.start?string("MMMdyyyy") == event.end?string("MMMdyyyy")>
            <#-- start and end the same day --> 
            ${event.start?string("MMM d, yyyy")}<br />
            ${event.start?string("h:mm a")} ${event.start?string("z")?substring(0,1)}${event.start?string("z")?substring(2,3)}
            <#--    
            <#if event.start?string("HHMM") != event.end?string("HHMM")>
                ${event.start?string("h:mm a")} - ${event.end?string("h:mm a")} ${event.end?string("z")?substring(0,1)}${event.end?string("z")?substring(2,3)}
            <#else> 
                ${event.start?string("h:mm a")} ${event.start?string("z")?substring(0,1)}${event.start?string("z")?substring(2,3)}<br>
            </#if>  
            -->     
        <#else> 
            <#-- different start / end days --> 
            ${event.start?string("MMM d")} - ${event.end?string("MMM d, yyyy")} 
        </#if>     
     </div>
    <div class="event-description">
        <span class="event-category">
            <#list event.eventSubcategories as subcats>
                ${subcats.subcategory!}
                <#if subcats_has_next>, </#if>
            </#list>
        </span>
        <span class="event-title"><a href="${event.link}" target="_blank">${event.title!}</a></span>
        <span class="event-details">

            <#if (event.description)??>

                <#if event.description?length &gt; 200>
                    <#assign thedescription=event.description?substring(0, 200)+"...">
                <#else> 
                    <#assign thedescription=event.description>
                </#if>          
                    
                <#assign thedescription=thedescription?html>
                <#assign thedescription=thedescription?replace("&amp;nbsp;"," ")> 
                        
                ${thedescription} <#--.replace("\n","<br />");-->
        
            </#if>

        </span>
    </div>
    <div class="event-location">
        <span class="event-location-name">${event.locationName!}</span>
        <span class="event-address">
			${event.address!}<br />
			${event.city!}<#if (event.province)??>, ${event.province!}<br /></#if>
			${event.postalCode!}
        </span>
    </div> 


	    <div class="source">
    	    <span class="source-label">Source:</span><a href="${event.source.link}" target="_blank">${event.source.description}</a>
	    </div>
	
</div>
</#list>
<#if root?size &gt; 20> 
    <div class="morespan"><span>More</span></div>
</#if> 
